body {
  width: 120rem;
}

header {
  width: 100%;
  height: 60.25rem;
  background: url(../images/banner_bg.png ) no-repeat;
  background-size: 100% auto;
  overflow: hidden;

  nav {
    width: 62.5%;
    height: 2.5rem;
    margin: 4.6875rem auto auto;

    img {
      float: left;
    }

    ul {
      height: 100%;
      float: right;
      display: flex;
      align-items: center;
      text-align: center;

      li {
        width: 7.5625rem;
        height: 2.5rem;
        line-height: 2.5rem;

        a {
          text-decoration: none;
          color: #ffffff;
          font-size: 1rem;

        }
      }

      li:last-child {
        background-color: #ffffff;
        border-radius: 1.1875rem;

        a {
          color: #63cffe;

        }

      }

      li:hover {
        background-color: #ffffff;
        border-radius: 1.1875rem;

        a {
          color: #63cffe;

        }

      }
    }

  }

  .banner {
    width: 62.5%;
    margin: 7rem auto auto;
    display: flex;
    justify-content: space-around;
    align-items: center;

    img {
      margin: 0px 6rem 0rem 6.1875rem;
    }

    span {
      color: #ffffff;
      margin-right: 1.625rem;

      h2 {
        font-size: 2.0625rem;
        line-height: 4.125rem;
      }

      p {
        font-size: 1rem;
        line-height: 2.625rem;
      }

      input {
        width: 13.75rem;
        height: 4.125rem;
        font-size: 1rem;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0);
        border: .125rem solid #ffffff;
        border-radius: 2rem;
        margin-top: 2.625rem;
        margin-right: 1.6875rem;
        cursor: pointer;
      }

      input:hover {
        background-color: #ffffff;
        color: #6175f0;
      }
    }
  }
}

.internet {
  width: 100%;
  text-align: center;
  color: #595959;
  padding-bottom: 9.125rem;

  p {
    font-size: .875rem;
  }

  ul {
    width: 62.5%;
    margin: 5.1875rem auto auto;
    display: flex;
    justify-content: space-around;

    li {
      h3 {
        font-size: 1.25rem;
        margin-top: 1.875rem;
      }
    }
  }
}

.more {
  width: 100%;
  background-color: #f9f9f9;
  padding: 5.9375rem 0rem;

  div {
    width: 62.5%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

    span {
      margin-left: 5.875rem;

      h2 {
        font-size: 1.75rem;

      }

      h2+p {
        margin: 2rem auto 1.5625rem;
      }

      p {
        font-size: .875rem;
        line-height: 1.5625rem;
      }

      input {
        width: 8.375rem;
        height: 2.625rem;
        background-color: #6176f0;
        font-size: 1.125rem;
        border: none;
        line-height: 2.625rem;
        color: #ffffff;
        margin-top: 23px;
        cursor: pointer;
      }
    }

    img {
      margin: auto 1.125rem auto 8.6875rem;
    }
  }
}

.information {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 11.75rem 0rem .75rem;

  ul {
    width: 62.5%;
    height: auto;
    margin: 4.375rem auto auto;
    display: flex;
    justify-content: space-around;

    li {
      width: 20.0625rem;
      height: auto;
      text-align: left;

      h2 {
        font-size: 1.875rem;
        color: #ababab;
      }

      h3 {
        font-size: 1rem;
        color: #333333;
        margin: 1.6875rem auto;
      }

      hr {
        width: 5rem;
        height: .0625rem;
        background-color: #333333;
        border: none;
        margin: 0px;
      }

      p {
        font-size: .875rem;
        color: #ababab;
        line-height: 1.5625rem;
        margin: .75rem auto 1rem 0rem;
      }

      a {
        display: block;
        text-decoration: none;
        color: #dcdcdc;
        border: .0625rem solid #dcdcdc;
        font-size: 18px;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
      }

      a:hover {
        color: #fff;
        background-color: #6176f0;
      }
    }
  }
}

.era {
  width: 100%;
  height: auto;
  text-align: center;
  padding: 11.75rem 0rem 6.4375rem;

  ul {
    width: 62.5%;
    height: auto;
    margin: 5.125rem auto 0px;
    display: flex;
    justify-content: space-between;

    li {
      width: 22.875rem;
      height: 30.0625rem;
      overflow: hidden;
      box-shadow:
        0rem .625rem .625rem rgba(246, 246, 246, .5),
        .625rem 0rem .625rem #f6f6f6,
        0rem -.625rem .625rem #f6f6f6,
        -.625rem 0rem .625rem #f6f6f6;


      div {
        width: 20.3125rem;
        height: 19.625rem;
        margin: 1.125rem auto .875rem;
        background-color: #f9f9f9;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      p {
        width: 20.3125rem;
        font-size: 1rem;
        margin: 0px auto;
        color: #444444;
        line-height: 1.875rem;
        text-align: left;
      }
    }
  }
}

footer {
  width: 100%;
  height: 58.5625rem;
  background: url(../images/footer_bg.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  /* padding-top: 19.8125rem; */
  color: #fff;

  >div {
    width: 70%;
    margin: 19.8125rem auto auto;
    display: flex;
    justify-content: space-between;

    .left {
      width: 22.25rem;

      h2 {
        font-size: 1.875rem;
        margin-bottom: 2.8125rem;
        letter-spacing: .625rem;
      }

      p {
        font-size: .75rem;
        letter-spacing: .4375rem;
        word-wrap: break-word;
        line-height: 1.6875rem;
        margin-bottom: 3.75rem;
      }
    }

    .right {
      width: 51.875rem;
      display: flex;
      justify-content: space-between;

      li {
        h3 {
          font-size: 1.125rem;
          margin-bottom: 1.75rem;
          letter-spacing: .625rem;
          line-height: 2.5rem;
        }

        p {
          a {
            font-size: .75rem;
            text-decoration: none;
            letter-spacing: .4375rem;
            line-height: 3.4375rem;
            color: #fff;
          }

        }
      }
    }
  }

  hr {
    width: 87.5rem;
    height: 1px;
    border: none;
    background-color: #fff;
    margin: 5rem auto 4.0625rem;
  }

  >p {
    font-size: .75rem;
    letter-spacing: .4375rem;
    text-align: center;
  }
}